<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页-维修结算-双欧</title>
  <meta name="description"
        content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/city.css"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link href="css/city-picker.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/index.css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>

<div class="bg bg-fff">
  <!--公共头部 header start-->
  <header class="header-index">
    <div class="container posR">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <div class="top-address">
        <span class="location">上海</span>
        <a href="javascript:;" class="change-city">
          切换城市
          <span class="icon bg-btn_arrow_down_line_n"></span>
        </a>
        <p class="more-city-notice">
          您正在浏览上海市双鸥服务，是否 <a href="javascript:;" class="color-blue show-city">切换城市？</a>
          <a href="javascript:;" class="close bg-btn_close_n"></a>
        </p>
        <div class="top-more-city none">
          <span class="city-item">北京</span>
          <span class="city-item city-item-select">上海</span>
          <span class="city-item">广州</span>
          <span class="city-item">深圳</span>
          <span class="city-item">杭州</span>
          <span class="city-item">天津</span>
          <span class="city-item">成都</span>
          <span class="city-item">西安</span>
          <span class="city-item">武汉</span>
          <span class="city-item">重庆</span>
          <span class="city-item">南京</span>
          <a href="javascript:;" class="city-item-more">更多城市＞</a>
        </div>
      </div>
      <div class="header-right">
        <span class="message">我的消息</span>
        <span class="user-name">上海ZARA <em class="icon bg-btn_arrow_down_line_n"></em></span>
        <div class="user-bar bg-bg_xialacaidan none">
          <a href="javascript:;">订单管理</a>
          <a href="javascript:;">地址管理</a>
          <a href="javascript:;">发票管理</a>
          <a href="javascript:;">意见反馈</a>
          <a href="javascript:;">退出登录</a>
        </div>
        <span class="welcome-back">欢迎回来：</span>

      </div>
    </div>
  </header>
  <!--公共头部  header end-->
  <div class="container main settle-accounts-container">
    <p class="tit">
      <span class="icon bg-icon_order">结算</span>
      <span class="text">提交订单</span>
    </p>
    <p class="sub-tit">
      服务地址
      <a href="javascript:;" class="btn-new btn-new-address">+ 新建地址</a>
    </p>
    <div class="address-list-box">
      <div class="address-item address-item_hover">
        <span class="select-icon"></span>
        <p class="name text-ellipsis">Whity(上海信息科技有限公司)</p>
        <p class="tel">18721749694</p>
        <p class="address-detail text-ellipsis">上海市徐汇区肇嘉浜路810号</p>
        <p class="btn-box">
          <a href="javascript:;" class="set-default set-default_hover">默认地址</a>
          <a href="javascript:;" class="delete-address">删除</a>
          <a href="javascript:;" class="modify-address">修改</a>
        </p>
      </div>
      <div class="address-item">
        <span class="select-icon"></span>
        <p class="name text-ellipsis">Whity(上海信息科技有限公司)</p>
        <p class="tel">18721749694</p>
        <p class="address-detail text-ellipsis">上海市徐汇区肇嘉浜路810号</p>
        <p class="btn-box">
          <a href="javascript:;" class="set-default">默认地址</a>
          <a href="javascript:;" class="delete-address">删除</a>
          <a href="javascript:;" class="modify-address">修改</a>
        </p>
      </div>
      <div class="address-item">
        <span class="select-icon"></span>
        <p class="name text-ellipsis">Whity(上海信息科技有限公司)</p>
        <p class="tel">18721749694</p>
        <p class="address-detail text-ellipsis">上海市徐汇区肇嘉浜路810号</p>
        <p class="btn-box">
          <a href="javascript:;" class="set-default">默认地址</a>
          <a href="javascript:;" class="delete-address">删除</a>
          <a href="javascript:;" class="modify-address">修改</a>
        </p>
      </div>
      <div class="address-item">
        <span class="select-icon"></span>
        <p class="name text-ellipsis">Whity(上海信息科技有限公司)</p>
        <p class="tel">18721749694</p>
        <p class="address-detail text-ellipsis">上海市徐汇区肇嘉浜路810号</p>
        <p class="btn-box">
          <a href="javascript:;" class="set-default">默认地址</a>
          <a href="javascript:;" class="delete-address">删除</a>
          <a href="javascript:;" class="modify-address">修改</a>
        </p>
      </div>
      <div class="address-item">
        <span class="select-icon"></span>
        <p class="name text-ellipsis">Whity(上海信息科技有限公司)</p>
        <p class="tel">18721749694</p>
        <p class="address-detail text-ellipsis">上海市徐汇区肇嘉浜路810号</p>
        <p class="btn-box">
          <a href="javascript:;" class="set-default">默认地址</a>
          <a href="javascript:;" class="delete-address">删除</a>
          <a href="javascript:;" class="modify-address">修改</a>
        </p>
      </div>
    </div>
    <hr class="hr-line">
    <p class="sub-tit">
      发票信息
      <a href="javascript:;" class="btn-new btn-new-invoice">+ 新建发票信息</a>
    </p>
    <div class="address-list-box">
      <div class="invoice-deal-wrapper">
        <form class="layui-form" action="">
          <div class="layui-form-item layui-form-item-invoice">
            <input type="radio" name="invoice" value="无需发票" title="无需发票" checked="">
            <input type="radio" name="invoice" value="申请发票" title="申请发票">
            <input type="radio" name="invoice" value="集中开票（和其它订单合并开票" title="集中开票（和其它订单合并开票）">
          </div>
        </form>
      </div>
      <div class="address-item address-item_hover">
        <span class="select-icon"></span>
        <p class="name">增值税专用发票（纸质） 税点：6%</p>
        <p class="tel text-ellipsis">发票抬头：上海有限公司上海有限公司上海有限公司上海有限公司</p>
        <p class="address-detail text-ellipsis">税号：91310104342133129L</p>
        <p class="btn-box">
          <a href="javascript:;" class="set-default set-default_hover">默认抬头</a>
          <a href="javascript:;" class="delete-address">删除</a>
          <a href="javascript:;" class="modify-address">修改</a>
        </p>
      </div>
      <div class="address-item">
        <span class="select-icon"></span>
        <p class="name">增值税专用发票（纸质） 税点：6%</p>
        <p class="tel text-ellipsis">发票抬头：上海有限公司上海有限公司上海有限公司上海有限公司</p>
        <p class="address-detail text-ellipsis">税号：91310104342133129L</p>
        <p class="btn-box">
          <a href="javascript:;" class="set-default">默认抬头</a>
          <a href="javascript:;" class="delete-address">删除</a>
          <a href="javascript:;" class="modify-address">修改</a>
        </p>
      </div>
    </div>
    <hr class="hr-line">
    <p class="sub-tit">
      订单列表
    </p>
    <div class="order-list-table-box">
      <table class="layui-table layui-table-order-list" lay-skin="line">
        <colgroup>
          <col width="100">
          <col width="400">
          <col width="150">
          <col width="200">
          <col>
          <col width="100">
        </colgroup>
        <thead>
        <tr>
          <th colspan="2">商品信息</th>
          <th>单价</th>
          <th>数量</th>
          <th>小计</th>
          <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>
            <img class="order-table-img" src="images/pic_good_plant2.png" alt="">
          </td>
          <td>
            <p class="pb10">精选套餐S01</p>
            <p class="order-item-info">尺寸：小（s）</p>
            <p class="order-item-info">规格：大（口径20cm  高20cm）</p>
          </td>
          <td>
            ￥13,000.00/月
          </td>
          <td>
            <form>
              <div class="order-item-minus ">-</div>
              <input class="order-item-input" value="1">
              <div class="order-item-plus ">+</div>
            </form>
          </td>
          <td class="color-blue">￥130,000.00/月</td>
          <td>
            <a href="javascript:;"> 删除</a>
          </td>
        </tr>
        <tr>
          <td>
            <img class="order-table-img" src="images/pic_good_plant2.png" alt="">
          </td>
          <td>
            <p class="pb10">精选套餐S01</p>
            <p class="order-item-info">尺寸：小（s）</p>
            <p class="order-item-info">规格：大（口径20cm  高20cm）</p>
          </td>
          <td>
            ￥13,000.00/月
          </td>
          <td>
            <form>
              <div class="order-item-minus ">-</div>
              <input class="order-item-input" value="1">
              <div class="order-item-plus ">+</div>
            </form>
          </td>
          <td class="color-blue">￥130,000.00/月</td>
          <td>
            <a href="javascript:;"> 删除</a>
          </td>
        </tr>
        <tr>
          <td>
            <img class="order-table-img" src="images/pic_good_plant2.png" alt="">
          </td>
          <td>
            <p class="pb10">精选套餐S01</p>
            <p class="order-item-info">尺寸：小（s）</p>
            <p class="order-item-info">规格：大（口径20cm  高20cm）</p>
          </td>
          <td>
            ￥13,000.00/月
          </td>
          <td>
            <form>
              <div class="order-item-minus ">-</div>
              <input class="order-item-input" value="1">
              <div class="order-item-plus ">+</div>
            </form>
          </td>
          <td class="color-blue">￥130,000.00/月</td>
          <td>
            <a href="javascript:;"> 删除</a>
          </td>
        </tr>
        <tr>
          <td>
            <img class="order-table-img" src="images/pic_good_plant2.png" alt="">
          </td>
          <td>
            <p class="pb10">精选套餐S01</p>
            <p class="order-item-info">尺寸：小（s）</p>
            <p class="order-item-info">规格：大（口径20cm  高20cm）</p>
          </td>
          <td>
            ￥13,000.00/月
          </td>
          <td>
            <form>
              <div class="order-item-minus ">-</div>
              <input class="order-item-input" value="1">
              <div class="order-item-plus ">+</div>
            </form>
          </td>
          <td class="color-blue">￥130,000.00/月</td>
          <td>
            <a href="javascript:;"> 删除</a>
          </td>
        </tr>
        <tr class="tr-btm">
          <td colspan="4">
            <span>备注：</span>
            <input type="text" class="tr-btm-input">
          </td>
          <td colspan="2" class="td-btm-month">
            <div class="tr-btm-box" style="width:400px;">
              <form class="layui-form layui-form-add-address" action="">
                <div class="layui-input-block  layui-input-block-chose-time" style="margin-left:0;">
                  <input type="radio" name="sex" value="加急服务" title="加急服务" checked="">
                  <input type="radio" name="sex" value="预约时间：" title="预约时间：">
                  <input type="text" class="layui-input chose-radio-time" id="test4" placeholder="请选择预约时间">
                </div>
              </form>
            </div>
          </td>
        </tr>
        </tbody>
      </table>
    </div>
    <div class="settle-accounts-result-box">
      <div class="total-count-pay-result mt30">
        <p><span class="total-title">订单总价：</span><span class="total-amout-y">￥1,600.00</span></p>
        <p><span class="total-title">税      费：</span><span class="total-amout-y">￥120.00(6%)</span></p>
        <p style="border-bottom: 1px solid #dddddd; width:350px; height:0;"></p>
        <p style="color:#c00; padding-top:20px; "><span class="total-title" style="width:100px;">本次应付总额：</span><span class="total-amout-y" style="font-size:22px; color:#2ea7d6;">￥1,706.00</span></p>
        <p class="pay-btn-box">
          <a href="javascript:;" class="btn-pay-result">确认下单</a>
        </p>
      </div>
    </div>
  </div>
</div>
<!--公共底部  footer start-->
<footer>
  <div class="container">
    <div class="footer-left">
      <dl class="footer-link footer-link-server">
        <dt>双欧服务平台</dt>
        <dd><a href="javascript:;">保洁服务</a></dd>
        <dd><a href="javascript:;">维修服务</a></dd>
        <dd><a href="javascript:;">绿植服务</a></dd>
        <dd><a href="javascript:;">净化服务</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>关于双鸥</dt>
        <dd><a href="javascript:;">双鸥介绍</a></dd>
        <dd><a href="javascript:;">联系我们</a></dd>
        <dd><a href="javascript:;">服务反馈</a></dd>
        <dd><a href="javascript:;">平台协议</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>市场合作</dt>
        <dd><a href="javascript:;">成为企业用户</a></dd>
        <dd><a href="javascript:;">申请加入我们</a></dd>
      </dl>
    </div>
    <div class="footer-right">
      <div class="contact-info">
        <span class="tel">TEL: 021-55235501</span>
        <span class="work-time">(周一至周五 10:00-19:00)</span>
          <span class="contact">
            邮箱：Info@serviceo2o.com<br>传真：021-55235512
          </span>
      </div>
      <div class="qr">
        <img src="images/qr.jpg" alt="">
        <span class="text">【关注双鸥公众号】</span>
      </div>
    </div>
  </div>
  <div class="footer-btm">
    <div class="container">
      <span class="icon footer-logo bg-pic_footer_shuangou">双欧</span>
      <span class="text">Copyright © 2018 SOA 双鸥环境服务  版权所有</span>
    </div>
  </div>
</footer>
<!--公共头部  footer end-->
<div class="mask none"></div>
<!--pop start-->
<div class="pop pop-city none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <div class="pop-city-row">
      <p class="name">当前位置：</p>
      <p class="intro">
        <span class="city-item">上海</span>
      </p>
    </div>

    <div class="pop-city-row">
      <p class="name">热门城市：</p>
      <p class="intro">
        <span class="city-item">北京</span>
        <span class="city-item city-item-select">上海</span>
        <span class="city-item">广州</span>
        <span class="city-item">深圳</span>
        <span class="city-item">杭州</span>
        <span class="city-item">天津</span>
        <span class="city-item">成都</span>
        <span class="city-item">西安</span>
        <span class="city-item">武汉</span>
        <span class="city-item">重庆</span>
        <span class="city-item">南京</span>
        <span class="city-item">郑州</span>
        <span class="city-item">济南</span>
        <span class="city-item">厦门</span>
      </p>
    </div>
    <div class="pop-city-row">
      <p class="name name-city">选择城市：</p>
      <div class="intro">
        <div class="infolist">
          <div class="liststyle">
          <span id="Province">
              <i>省</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择省">请选择省</a></li>
              </ul>
              <input type="hidden" name="cho_Province" value="请选择省">
          </span>
          <span id="City">
              <i>市</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择市">请选择市</a></li>
              </ul>
              <input type="hidden" name="cho_City" value="请选择市">
          </span>
          <span id="Area" style="display: none">
              <i>区</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择区">请选择区</a></li>
              </ul>
              <input type="hidden" name="cho_Area" value="请选择区">
          </span>
          </div>
        </div>
      </div>
    </div>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-cancel">取消</a>
      <a href="javascript:;" class="pop-submit">确定</a>
    </div>
  </div>
</div>
<!--pop end-->

<!--pop address start-->
<div id="pop-add-address" class="pop pop-add-address none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">新增地址</p>
  <div class="cont">
    <form class="layui-form layui-form-add-address" action="">
      <div class="layui-form-item">
        <label class="layui-form-label">所在地区：</label>
        <div class="layui-input-block">
          <div class="city-box">
            <div id="distpicker1">
              <div class="form-group">
                <div style="position: relative;">
                  <input id="city-picker1" class="form-control" readonly type="text" value="请选择省/市/区" data-toggle="city-picker">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div><!--企业所在地-->

      <div class="layui-form-item">
        <label class="layui-form-label">街道地址</label>
        <div class="layui-input-block">
          <input type="text" name="address" lay-verify="required" placeholder="请输入街道地址" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">  公 司 名 称</label>
        <div class="layui-input-block">
          <input type="text" name="company" lay-verify="required" placeholder="个人用户请填写“个人”"autocomplete="off" class="layui-input layui-input2">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label"> 联系人姓名</label>
        <div class="layui-input-block">
          <input type="text" name="name" lay-verify="required" placeholder="请输入真实姓名" autocomplete="off" class="layui-input layui-input2">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label"> 手 机 号 码</label>
        <div class="layui-input-block">
          <input type="tel" name="phone" lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input layui-input2">
        </div>
      </div>
      <div class="layui-form-item" pane="">
        <div class="layui-input-block">
          <input type="checkbox" name="like1[write]" lay-skin="primary" title="设置为默认收货地址">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn layui-btn-submit" lay-submit="" lay-filter="demo1">保存</button>
          <button class="layui-btn layui-btn-cancel">取消</button>
        </div>
      </div>
    </form>
  </div>
</div>
<!--pop address end-->
<!--pop invoice start-->
<div id="pop-add-invoice" class="pop pop-add-address pop-add-invoice none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">新增发票抬头</p>
  <div class="cont">

    <form class="layui-form layui-form-add-address" action="">
      <div class="layui-form-item">
        <div class="layui-input-block " style="margin-left:0;">
          <input type="radio" name="sex" value="增值税专用发票信息" title="增值税专用发票信息" checked="">
          <input type="radio" name="sex" value="增值税普通发票信息" title="增值税普通发票信息">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">单 位 名 称</label>
        <div class="layui-input-block">
          <input type="text" name="address" lay-verify="required" placeholder="请输入单位名称" autocomplete="off" class="layui-input">
        </div>
      </div><!--企业所在地-->

      <div class="layui-form-item">
        <label class="layui-form-label">纳税人识别码</label>
        <div class="layui-input-block">
          <input type="text" name="address" lay-verify="required" placeholder="请输入纳税人识别码" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label"> 注  册  地  址</label>
        <div class="layui-input-block">
          <input type="text" name="name" lay-verify="required" placeholder="请输入注册地址" autocomplete="off" class="layui-input ">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">注  册  电  话</label>
        <div class="layui-input-block">
          <input type="tel" name="phone" lay-verify="required" placeholder="请输入联系方式" autocomplete="off" class="layui-input ">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">开  户  银  行</label>
        <div class="layui-input-block">
          <input type="text" name="bankCode" lay-verify="required" placeholder="请输入开户银行" autocomplete="off" class="layui-input ">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">银  行  账  户</label>
        <div class="layui-input-block">
          <input type="text" name="bankCode" lay-verify="required" placeholder="请输入银行账户" autocomplete="off" class="layui-input ">
        </div>
      </div>
      <div class="layui-form-item" pane="">
        <div class="layui-input-block">
          <input type="checkbox" name="like1[write]" lay-skin="primary" title="设置为默认发票抬头">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn layui-btn-submit" lay-submit="" lay-filter="demo1">下一步</button>
          <button class="layui-btn layui-btn-cancel">取消</button>
        </div>
      </div>
    </form>
  </div>
</div>
<!--pop invoice end-->
<!--购物车-->
<div class="side-bar">
  <div class="cart-box none">
    <div class="cart-item-wrapper">

      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
    </div>
    <div class="cart-all">
      <span class="num">x9</span>
      <span class="money">总计:￥10,300.00/月</span>
      <a href="javascript:;" class="pay-btn">去结算</a>
    </div>
  </div>
  <a href="javascript:;" class="shopping-cart bg-btn_cart_plant_n"></a>
  <i class="shopping-amount">5</i>
  <a href="javascript:;" class="back-top bg-btn_backtop_n none"></a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="js/city-picker.data.js"></script>
<script src="js/city-picker.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#city-picker1").citypicker({
      province: '上海市',
      city: '上海市',
      district: '上海市'
    });
    $(".order-item-plus").click(function(){
      var $this = $(this);
      var value=parseInt($this.parent().find('.order-item-input').val())+1;
      $this.parent().find('.order-item-input').val(value);
    });

    $(".order-item-minus").click(function(){
      var $this = $(this);
      var num =  $this.parent().find('.order-item-input').val();
      if(num>0){
        $this.parent().find('.order-item-input').val(num-1);
      }
    });
    
    $(".pay-period-item").click(function(){
        $(this).addClass('pay-period-item_hover').siblings().removeClass('pay-period-item_hover');
    });
    $(".address-item").click(function(){
      $(this).addClass('address-item_hover').siblings().removeClass('address-item_hover');
    });
    
    $(".btn-new-address").click(function(){
        $("#pop-add-address,.mask").show();
    });
    $(".btn-new-invoice").click(function(){
      $("#pop-add-invoice,.mask").show();
    });
  })
</script>
<script>
  layui.use(['form', 'layedit', 'laydate'], function(){
    var form = layui.form
        ,layer = layui.layer
        ,layedit = layui.layedit
        ,laydate = layui.laydate;

    //时间选择器
    laydate.render({
      elem: '#test4'
      ,type: 'time'
    });
    //监听指定开关
    form.on('switch(switchTest)', function(data){
      layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
        offset: '6px'
      });
      layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
    });

    //监听提交
    form.on('submit(demo1)', function(data){
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      })
      return false;
    });



  });
</script>

</body>
</html>